var card = "";
var cardList = [{
	title: '美食'
}, {
	title: '大牌惠吃'
}, {
	title: '跑腿代购'
}, {
	title: '汉堡披萨'
}, {
	title: '甜品饮品'
}, {
	title: '速食简餐'
}, {
	title: '地方小吃'
}, {
	title: '米粉面馆'
}, {
	title: '炸鸡炸串'
}, {
	title: '包子粥店'
}];
for (var i = 0; i < cardList.length; i++) {
	card += '<div class="main-item">' +
		'<img class="main-item-img" src="../IMG/banner/img' + (i + 1) + '.jpg" />' +
		'<p class="main-item-content">' + cardList[i].title + '</p>' +
		'</div>';
}
$(".main").append(card);

$.ajax({
	// 请求路径
	url: '../JSON/card.json',
	// 向后台发送的参数(请求参数)
	data: {}, // 默认为空
	// 请求方式(get请求)
	type: 'get', // 默认为get
	// 返回的数据类型
	dataType: 'json', // 默认为json
	// 成功的回调函数(res就是返回的数据)
	success: function(data) {
		console.log(data)
		var cards = "";
		for (var i = 0; i < data.data.length; i++) {
			cards += '<div class="store-card">' +
				'<div class="store-card-leftbox">' +
				'<img src="' + data.data[i].img + '" />' +
				'</div>' +
				'<div class="store-card-rightbox">' +
				'<p class="store-card-rightbox-title">' +
				'<span>品牌</span>' +
				data.data[i].title +
				'</p>' +
				'<img src="../IMG/star.svg" />' +
				'<span class="store-card-rightbox-sell">' + data.data[i].rate + '月售' + data.data[i].sell + '单</span>' +
				'<p class="store-card-rightbox-delivery">' + data.data[i].money + '</p>' +
				'<span class="store-card-rightbox-time">' + data.data[i].distance + ' | ' + data.data[i].time + '分钟</span>' +
				'<span class="store-card-rightbox-type">' + data.data[i].type + '</span>' +
				'<div class="store-card-rightbox-line"></div>' +
				'<p class="store-card-rightbox-money1">' +
				'<span>减</span>' +
				'满25元减2元,满58元减3元' +
				'</p>' +
				'<p class="store-card-rightbox-money2">' +
				'<span>配</span>' +
				'商品总额满25元,配送费减2元' +
				'</p>' +
				'</div>' +
				'</div>';
		}
		$(".store").append(cards);
		// 添加点击事件
		$(".store-card").click(function(){
			// 跳转detail.html
			window.location.href="../HTML/detail.html";
		})
		// 添加点击事件
		$(".vip-packet").click(function(){
			// 跳转vip.html
			window.location.href="../HTML/svip.html";
		})
	},
	// 请求失败时的回调函数(data是错误的数据)
	error: function(data) {
		console.log('请求失败')
	}
})
